import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
import Icon from '../index';
import '../../../styles/index.scss';

<Meta title="Icon - 图标" component={Icon}/>


# Icon分类

<br/>
<br/>

## 图标名称 - name

- 该页面将永不支持搜索(#^.^#)，所以请使用浏览器自带的`Ctrl+f`，进行搜索需要使用的图标，温馨提示：搜索前先点击`show code`哦
- 我的icon组件可不止支持4种图标，可以很多的，只是太多了，我懒得写了，所以你去下面的网站看看吧
- 也可以来这里查找 `https://fontawesome.com/icons?d=gallery&s=solid&m=free`

<Canvas>
  <Icon name="arrow-down" size="2x"/>
  <Icon name="closed-captioning" size="2x"/>
  <Icon name="coffee" size="2x"/>
  <Icon name="percentage" size="2x"/>
  <Icon name="angle-double-down" size="2x"/>
  <Icon name="angle-double-left" size="2x"/>
  <Icon name="angle-double-right" size="2x"/>
  <Icon name="angle-double-up" size="2x"/>
  <Icon name="angle-down" size="2x"/>
  <Icon name="angle-left" size="2x"/>
  <Icon name="angle-right" size="2x"/>
  <Icon name="angle-up" size="2x"/>
  <Icon name="align-justify" size="2x"/>
  <Icon name="align-left" size="2x" />
  <Icon name="align-right" size="2x"/>
</Canvas>

